<template>
   <div class="login">
        <span @click="go_page('/Pages/Home/Needs')">
          <i class="el-icon-edit-outline"></i><a href="#">写需求</a></span>


     <span @click="go_page('/Pages/Home/Evaluate')"><i class="el-icon-edit"></i><a href="#">写评价</a></span>
               <span v-if="false" @click="this.Login">
                ><i class="el-icon-user-solid" ></i
                ><a href="#">登录/注册</a>
              </span>
             <span class="spanbox" v-else  style="width:150px">
               <el-dropdown>
      <span class="el-dropdown-link">
         <i><img src="../../../static/images/zc.png" alt=""/></i>
               <a href="#">admin</a>
               <i class="el-icon-arrow-down el-icon--right"></i>
      </span>
      <el-dropdown-menu slot="dropdown">
        <router-link :to="{path:'/Pages/PersonalCenter/AccountSettings'}">
        <el-dropdown-item icon="el-icon-s-tools">
          账号设置</el-dropdown-item></router-link>
        <router-link :to="{path:'/Pages/PersonalCenter/MyActive'}">
        <el-dropdown-item icon="el-icon-circle-plus">
           我的活动</el-dropdown-item></router-link>
        <router-link :to="{path:'/Pages/PersonalCenter/MyOrder'}">
        <el-dropdown-item icon="el-icon-circle-plus-outline">
           我的订单</el-dropdown-item></router-link>
         <router-link :to="{path:'/Pages/PersonalCenter/MyDemand'}">
        <el-dropdown-item icon="el-icon-edit-outline">
          我的需求</el-dropdown-item>
           </router-link>
           <router-link :to="{path:'/Pages/PersonalCenter/MyEvaluation'}">
        <el-dropdown-item icon="el-icon-edit-outline">
          我的评价</el-dropdown-item>
           </router-link>
        <el-dropdown-item icon="el-icon-switch-button" @click="this.LogOut">退出登录</el-dropdown-item>
      </el-dropdown-menu>
    </el-dropdown>
              </span>
            </div>
</template>
<script>
export default{
methods:{
  go_page(page){
    this.$router.push({path:page})
  }

}

}
</script>
<style lang="less" scoped>
  .el-dropdown{
    color: #fff;
  }
  .login{
    text-align: right;
    a {
      color: #fff;
    }
    span{
      margin-right: 20px;
    }
  }
  .el-icon-user-solid,.el-icon-edit-outline,.el-icon-edit{
     color:#ffffff;
    margin-right: 10px;
  }
  .el-dropdown-link a{
    color: #ffffff;
    font-size:20px;
    font-family:ArialMT;
    font-weight:400;
  }
</style>

